<template>
  <div @click="$emit('some-event', 'msg from child1')">
    <h3>child1</h3>
    <p>{{ msg }}</p>
  </div>
</template>

<script>
export default {
  props: {
    msg: {
      type: String,
      default: '',
    },
  },
  mounted() {
    // 事件总线 监听事件
    // this.$bus.$on('event-from-child2', msg => {
    //   console.log('Child1:', msg);
    // });

    // 使用 共同的中间人
    this.$parent.$on('event-from-child2', (msg) => {
      console.log('Child1:', msg);
    });
  },
};
</script>

<style scoped></style>
